<!DOCTYPE html>
<!--***************************新增：滚动广告条***************************-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--***************************新增：滚动广告***************************-->
<head>
<meta charset="utf-8">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />
<title>About Fantasy</title>
<meta name="keywords" content="about fantasy, our company, responsive design, free template, bootstrap, templatemo" />
<meta name="description" content="Fantasy Design, about us, multiple columns, responsive layout, free template with Bootstrap framework" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 微博float -->
<link href="__PUBLIC__/css/new_professor.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="__PUBLIC__/js/new_professor.js" type="text/javascript"></script>
<!-- 微博float -->

<!-- Custom styles for this template -->
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/justified-nav.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/templatemo_style.css" rel="stylesheet" type="text/css">
<link href="__PUBLIC__/css/new.css" rel="stylesheet" type="text/css">
<link type="text/css" href="_doc/base.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://www.iruizi.com/kinMaxShow/v1.1/jquery.kinMaxShow-1.1.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/new.js" type="text/javascript"></script>

<!-- charity新加 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="__PUBLIC__/css/snippet.css" rel="stylesheet">
<script type="text/javascript" src="__PUBLIC__/js/snippet.js"></script>
<!-- charity新加 -->

<!--***************************微博float***************************-->
<!--<script language="javascript">
$(function(){
        var scrtime;
         $("#con").hover(function(){
                clearInterval(scrtime);
        
        },function(){
        
        scrtime = setInterval(function(){
                var $ul = $("#con ul");
                var liHeight = $ul.find("li:last").height();
                $ul.animate({marginTop : liHeight+40 +"px"},1000,function(){
                
                $ul.find("li:last").prependTo($ul)
                $ul.find("li:first").hide();
                $ul.css({marginTop:0});
                $ul.find("li:first").fadeIn(1000);
                });        
        },3000);
        
        }).trigger("mouseleave");
        
        
});-->
<!--</script>
<style type="text/css">
* {
	margin:0;
	padding:0;
}
ul, li {
	list-style-type:none;
}
body {
	font-size:13px;
	background-color:#999999;
}
#con {
	width:584px;
	height:300px;/* margin:0px 0px auto auto;  */
	float:right;
	position:relative;
	border-left:1px #CCCCCC dashed;
	border-right:1px #CCCCCC dashed;
	background-color:#FFFFFF;
	overflow:hidden;
}
#con ul {
	position:absolute;
	margin:10px;
	top:0;
	left:0;
	padding:0;
}
#con ul li {
	width:100%;
	border-bottom:1px #CCCCCC dashed;
	padding:20px 0;
	overflow:hidden;
}
#con ul li a {
	float:left;
	border:1px #333333 solid;
	padding:2px;
}
#con ul li p {
	margin-left:68px;
	line-height:1.5;
	padding:10px;
}
#con-backup {
	width:700px;
	height:400px;
	margin:10px auto;
	position:relative;
	border: none;
	background-color:#FFFFFF;
	overflow:hidden;
}
</style>-->
<!--***************************微博float***************************-->

</head>

<body onResize="refresh()">
<div id="main_container">
  <div class="container" id="about"> 
    <!--***************************body新增：滚动广告***************************-->
    <div id="kinMaxShow">
      <div> <img src="__PUBLIC__/Img/Smile-1280x800.jpg"   />
        <div class="sub-01"> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
      </div>
      <div> <img src="__PUBLIC__/Img/eggs-1280x800.jpg"   />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
      <div> <img src="__PUBLIC__/Img/christmas_1920x1200.jpg"     />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
      <div> <img src="__PUBLIC__/Img/Fall-Leaf-1280x800.jpg"   />
        <div class="sub-02">
          <div class="ad"> <img src="" /> <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a> </div>
        </div>
      </div>
    </div>
    <!--***************************body新增：滚动广告***************************-->
    
    <div class="cleaner"></div>
    <div class="masthead" id="masthead">
      <ul class="nav nav-justified">
          <li><a href="{:U('Index/index')}">Home</a></li>
          <li><a href="{:U('Activity/index')}">Activity</a></li>
          <li><a href="{:U('Game/index')}">Game</a></li>
          <li><a href="{:U('Charity/index')}">Charity</a></li>
          <li class="active"><a href="{:U('index')}">Professor</a></li>
          <li><a href="about.html">Q&A</a></li>
      </ul>
    </div>
    
    <!--***********************微博一行***************************-->
    <div class="row" id="content">
      <div class="col-md-6 mypad"><!--row-myself1 -->
          <h2>{$data.title}</h2>
          <p>{$data.summary}
              <a href="{:U('view',array('id'=>$data['id']))}" rel="nofollow">Readmore</a></p>
          </p>
      </div>
      <div class="col-md-6"><!--row-myself2 -->
        <h2>Hot Articles</h2>
        <div id="con">
          <ul>
              <volist name="list" id="vo">
                  <li><a href="#" id="con-img"><img src="__PUBLIC__{$vo.path}"/></a>
                      <p><b>{$vo.title}</b><br />{$vo.summary}<a href="{:U('view',array('id'=>$vo['id']))}" rel="nofollow" id="con-content">Readmore</a></p>
                  </li>
              </volist>
          </ul>
        </div>
      </div>
    </div>
    <!--***********************微博一行***************************--> 
    <!--***********************四篇文章***************************--> 
    <!--<div class="row">
      <div class="col-md-3">
        <h3>Morbi Quis </h3>
        <p>Maecenas adipiscing semper sapien at pretium. Aenean tortor leo, venenatis vitae pretium sit amet, blandit porta diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
      </div>
      <div class="col-md-3">
        <h3>Integer ac Urna</h3>
        <p><a href="#">Maecenas adipiscing</a> semper sapien at pretium. Aenean tortor leo, venenatis vitae pretium sit amet, blandit porta diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
      </div>
      <div class="col-md-3">
        <h3>Neque Vel Auctor</h3>
        <p>Donec ipsum diam, fermentum eu scelerisque quis, vestibulum sit amet orci. Cras in commodo libero. Duis ut urna sit amet est feugiat ultrices id eget metus. Nulla et eros tellus, a hendrerit nulla. Maecenas.</p>
      </div>
      <div class="col-md-3">
        <h3>Maecenas Id </h3>
        <p>Pellentesque ac magna quis sem aliquam viverra id sit amet justo. Nunc egestas sodales eros, et tristique sapien laoreet sit amet. Sed quis rutrum ipsum. Suspendisse ullamcorper augue sit amet arcu malesuada.</p>
      </div>
    </div>--> 
    <!--***********************四篇文章***************************--> 
    
    <!--***********************List-1***************************--> 
    <!-- <br/>--> 
    <!--<div class="container-myself">
<div class="container-myself-in">
<div class="read2">
  <div class="read2-img1"> <img src="Img/professor/story1.jpg" alt="img" /> </div>
  <h3>Lorem ipsum dolor</h3>
  <p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
</div>
<div class="read2">
  <div class="read2-img1"> <img src="Img/professor/story2.jpg" alt="img" /> </div>
  <h3>Maecenas tempus</h3>
  <p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
</div>
<div class="read2">
  <div class="read2-img1"> <img src="Img/professor/story3.jpg" alt="img" /> </div>
  <h3>Vivamus elementum</h3>
  <p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
 </div>--> 
    <!--***********************List-1***************************--> 
    <!--***********************List-2***************************--> 
    <!-- <br/>--> 
    <!--<div class="container-myself">
  <div class="container-myself-in">
    <div class="read2">
      <div class="read2-img1"> <img src="Img/professor/story1.jpg" alt="img" /> </div>
      <h3>Lorem ipsum dolor</h3>
      <p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
 </div>
    <div class="read2">
      <div class="read2-img1"> <img src="Img/professor/story2.jpg" alt="img" /> </div>
      <h3>Maecenas tempus</h3>
      <p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
 </div>
    <div class="read2">
      <div class="read2-img1"> <img src="Img/professor/story3.jpg" alt="img" /> </div>
      <h3>Vivamus elementum</h3>
      <p>Pellentesque diam ligula, egestas eget rhoncus vel, hendrerit in sem. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Duis porta, nisl sed cursus volutpat, est nulla placerat.</p>
</div>--> 
    <!--***********************List-2***************************--> 
    
    <!--***********************模块***************************-->
    <div class="container-myself">
      <div class="container-myself-in">
        <div class="read1">
          <div class="read1-img1"> <img src="__PUBLIC__/Img/professor/read1-img.png" alt="img" /> </div>
          <h3>Professor List</h3>
          <p>The list concludes all the professors who has an cooperation relationship with us, such as Tomith, Mary, Frank, Williams and so on. You can click the read more button to see more details.Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet ante ullamcorper.</p>
          <a href="{:U('plist')}">READ MORE</a> </div>
        <div class="read1">
          <div class="read1-img1"> <img src="__PUBLIC__/Img/professor/read2-img.png" alt="img" /> </div>
          <h3>Questionnaire</h3>
          <p>The questionnaire concludes all the professors who has an cooperation relationship with us, such as Tomith, Mary, Frank, Williams and so on. You can click the read more button to see more details.Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet.</p>
          <a href="http://www.sojump.com/jq/3485983.aspx" target="_blank">READ MORE</a> </div>
        <div class="read1">
          <div class="read1-img1"> <img src="__PUBLIC__/Img/professor/read3-img.png" alt="img" /> </div>
          <h3>Global Sponsor</h3>
          <p>The global sponsor concludes all the professors who has an cooperation relationship with us, such as Tomith, Mary, Frank, Williams and so on. You can click the read more button to see more details.Viva mus laoreet erat sit amet ante ullamcorper vestibulum. Viva mus laoreet erat sit amet.</p>
          <a href="http://www.onefoundation.cn/" target="_blank">READ MORE</a> </div>
        <div class="clear"></div>
       <!-- <div class="bottom-cont1">
          <h6>Why choose us?</h6>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. </p>
        </div>
        <div class="bottom-cont1">
          <h6>Our services</h6>
          <ul>
            <li><a href="#">Lorem ipsum dolor sit amet</a></li>
            <li><a href="#"> Aenean commodo ligula eget dolor</a></li>
            <li><a href="#">Cum sociis natoque penatibus</a></li>
            <li><a href="#">Nulla consequat massa quis enim</a></li>
            <li><a href="#">Donec pede justo, fringilla vel</a></li>
            <li><a href="#">Aliquet nec, vulputate eget, arcu.</a></li>
            <li><a href="#"> In enim justo, rhoncus ut, imperdiet </a></li>
            <li><a href="#"> Venenatis vitae justo</a></li>
          </ul>
        </div>
        <div class="bottom-cont1 last">
          <h6>Latest news</h6>
          <span> December 20, 2013</span>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
          <span>December 16, 2013</span>
          <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.</p>
        </div>-->
        <div class="clear"></div>
      </div>
    </div>
    <!--***********************模块***************************--> 
    
    <!--***********************添加3***************************--> 
    
    <!--***********************添加3***************************--> 
  </div>
  <footer class="container">
    <div class="credit row">
      <div class="col-md-6 col-md-offset-3">
        <div id="templatemo_footer"> Copyright © 2014 <a href="#">Autism Home</a> | Design: <a href="#">RMG Team</a> </div>
      </div>
      <div class="col-md-3">
        <div style="text-align: right"> <a href="#"><img src="__PUBLIC__/images/facebook.png" alt="Like us on Facebook"></a> <a href="#"><img src="__PUBLIC__/images/twitter.png" alt="Follow us on Twitter"></a> <a href="#"><img src="__PUBLIC__/images/rss.png" alt="RSS feeds"></a> </div>
      </div>
    </div>
  </footer>
</div>
</body>
</html>
